资讯频道 → Web前端
阅读更多

20顶
0踩

Web前端

翻译新闻 10 款强大的JavaScript图表图形插件推荐

2012-03-16 14:08 by 正式编辑 sherry617 评论(14) 有140449人浏览
javascript 图表 插件
网上有很多用于绘制图表图形的免费JavaScript插件和图表库，这类插件大量出现的原因，一是人们不再依赖于Flash，二是浏览器和精密的计算使呈现实时数据变得容易，而且各种向量绘图技术像VML、SVG和Canvas的发展也使之成为可能。

本文推荐10款强大的绘制图表图形的JavaScript插件。其中一些插件需要主流浏览器的支持，而另外一些经过整合后，也能在不同的平台和老版本的浏览器上工作。有些工具是独立的框架，大部分支持常规的功能：条形图、线形图、饼形图，有的还可以生成更复杂的图表：关联图、维恩图、热区图、Newick树图、二维散点图、二维气泡图、三维散点图。

1. Humble Finance

这是一个非常好用的HTML5数据可视化工具，与Flash工具颇为相似。基于JavaScript，利用了Prototype 和 Flotr 库，可用于显示两组实时二维数据。



2. D3

D3是最流行的可视化库之一，它可以将任意数据绑定到DOM（Document Object Model，文档对象模型），然后对该文件提供数据驱动转换。还可以将一组数据生成基本的HTML表，或生成一个SVG条形图。



3. Rickshaw

Rickshaw可以创建交互时间序列图。它依赖于D3的可视化库，需要一些扩展比如jQuery和jQuery UI来辅助实现。



4. jqPlot

这是一个基于jQuery（最流行的JavaScript库）的绘图制表插件。jqPlot可以生成线形图、条形图、饼形图。



5. rGraph

这是HTML5的JS图表库，拥有20多个类型的图表。利用最新的HTML5 canvas标签，这个工具可在网页浏览器中生成JavaScript的图表，这意味着更快的网页加载和更少的Web服务器负载。



6. Digraphs

开源JS库，能生成交互、可缩放的时间序列图表。可显示密集的数据组，用户还可对这些数据进行分析和说明。



7. CanvasXpress

一个基于HTML5标签的库，支持大量极其复杂的图表和图形。



8. gRaphael

这个工具可在网站上创建美观的图表，它基于Raphael图形库，可以查看静态图表和互动图表的演示。



9. Flotr2

一个独立框架库，可以绘制HTML5的图表图形，实际上是flotr的一个分支，功能更完善。可生成线形图、条形图、烛形图、饼形图和气泡图，还支持旧的浏览器（如IE 6）和移动平台。



10. Awesome Chart JS

顾名思义，这是一个很棒的JavaScript库，它可用于创建基于HTML 5 canvas元素的图表。这个库很简单，只需要几行代码就能快速生成简单的图表。



英文原文：10 Awesome Javascript Plugins For Plotting Charts and Graphs
20
顶
0
踩
评论 共 14 条 请登录后发表评论
14 楼 didiaoxiaohuoqiang2 2018-01-24 11:18
mark+1
13 楼 zenmshuo 2016-09-09 17:00
之前也用过SpreadJS，前端的表格控件，数据可视化的图表也有很多
12 楼 liuweihug 2014-07-26 10:12
echarts不错的。Echarts asp.net+ashx项目部署及代码实例（附demo）
http://www.suchso.com/projecteactual/echarts-aspnet-ashx-demo-xiangmudaima.html
11 楼 pankanghe 2012-03-21 22:56
MARK。如果以后用到再找找。
10 楼 bcw104 2012-03-19 08:57
syx278250658 写道
我最关心的 那些 直接IE6?

IE6中国特色, 中国政府特色
9 楼 coolbi 2012-03-19 08:14
哪些是收费的？
8 楼 syx278250658 2012-03-18 22:37
我最关心的 那些 直接IE6?
7 楼 ainishigai 2012-03-18 22:29
这些插件有具体的下载的吗?可以提供吗
6 楼 bcw104 2012-03-18 19:20
ufopw 写道
highchart与这几个比较如何？

商业许可收费挺贵
5 楼 ufopw 2012-03-18 14:06
highchart与这几个比较如何？
4 楼 lostphp 2012-03-18 13:17
 
3 楼 zhangwenzhuo 2012-03-16 17:19
http://zhangwenzhuo.iteye.com/blog/1444513
2 楼 guilipan 2012-03-16 16:42
highchart都没？
1 楼 pdsmsf 2012-03-16 16:09
就用过拉斐尔

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 用于创建图表的Angular插件-JavaScript开发

    大型数据集的图表，图形，金字塔可视化。 Showreel。 用于构建项目比例的Scale Angular插件的来源。 完全在HTML / CSS / JS上的海图标尺。 条形图，折线图，日历视图的可视化。 大型数据集的图表，图形，金字塔可视...

  • html 圆圈图表插件,10款强大的JavaScript图表图形插件

    网上有很多用于绘制图表图形的免费JavaScript插件...本文推荐10款强大的绘制图表图形的JavaScript插件。其中一些插件需要主流浏览器的支持，而另外一些经过整合后，也能在不同的平台和老版本的浏览器上工作。有些工...

  • 10款强大的JavaScript图表图形插件推荐

    上有很多用于绘制图表图形的免费JavaScript插件和图表库，这类插件大量出现的原因，一是人们不再依赖于Flash，二是浏览器和精密的计算使...本文推荐10款强大的绘制图表图形的JavaScript插件。其中一些插件需要主流浏

  • java 免费图表控件_推荐10款功能强大且免费的JavaScript图形图表插件

    1、D3D3是最流行的可视化库之一，它可以将任意数据绑定到DOM(Document Object Model，文档对象模型)，然后对该文件提供数据驱动转换。...3、Flotr2Flotr2 是个独立框架库，支持HTML5图表和图形。它是 flotr ...

  • 向 Web 开发人员推荐35款 JavaScript 图形图表库

    　在这篇文章中，我们收集了35款值得网站开发者收藏的JavaScript图形图表库，适合各种图表需求。其中大部分都是免费而且开源的，希望大家能在下面的列表中找到适合自己需求的 JavaScript 图表和图形库。 ...

  • html5建筑图插件,13个JavaScript图表图形绘制插件

    由于绘制矢量图的不同技术愈发成熟以及现代浏览器所具备的更强大的计算能力等原因，目前网上出现了越来越多免费 的JavaScript图表和图形绘制解决方案。在本文中就将分享13个优秀实用的JavaScript图表和图形绘制插件...

  • JavaScript统计图表插件 Echarts

    JavaScript统计图表插件 Echarts...

  • 35款 JavaScript 图形图表库

    　在这篇文章中，我们收集了35款值得网站开发者收藏的 JavaScript 图形图表库，适合各种图表需求。其中大部分都是免费而且开源的，希望大家能在下面的列表中找到适合自己需求的 JavaScript 图表和图形库

  • 10个最受欢迎的JavaScript图表库

    目前网上有很多用于绘制图表图形的免费JavaScript插件和图表库，技术学派在这里给大家推荐10个比较强大的绘制图表图形的JavaScript图表库。其中一些插件需要主流浏览器的支持，而另外一些经过整合后，也能在不同的...

  • 用于创建图表的JQuery插件-JavaScript开发

    大型数据集的图表，图形，金字塔可视化。 Showreel。 此JQuery Linechart JQuery插件的源代码，用于构建线形图。 完全在HTML / CSS / JS上的海图标尺。 条形图，日历视图可视化。 大型数据集的图表，图形，金字塔...

  • java 免费图表控件_推荐10款免费而优秀的图表插件

    开发人员很多时候需要使用图表来表现一些数据，而一张图表往往能够比几行密密麻麻的数字表格更能直观地展示数据内容。...我在本篇文章中收集了10款免费开源且比较优秀的图表制作插件，以供各位参考。ichartjs是一...

  • 10 个超赞的 JavaScript 图形图表绘制插件

    该工具完全由JavaScript开发，使用Prototype与Flotr库 2、D3 D3是最流行的可视化库之一，它被很多其他的表格插件所使用。它允许绑定任意数据到DOM，然后将数据驱动转换应用到Document中。你可以使用它用一个...

  • 安装NumPy教程-详细版

    附件是安装NumPy教程_详细版，文件绿色安全，请大家放心下载，仅供交流学习使用，无任何商业目的！

  • 语音端点检测及其在Matlab中的实现.zip

    语音端点检测及其在Matlab中的实现.zip

  • C#文档打印程序Demo

    使用C#完成一般文档的打印，带有页眉，页脚文档打印，表格打印，打印预览等

  • DirectX修复工具-4-194985.zip

    directx修复工具 DirectX修复工具(DirectX repair)是系统DirectX组件修复工具，DirectX修复工具主要是用于检测当前系统的DirectX状态，若发现异常情况就可以马上进行修复，非常快捷，使用效果也非常好。

  • Python手动实现人脸识别算法

    人脸识别的主要算法 其核心算法是 欧式距离算法使用该算法计算两张脸的面部特征差异，一般在0.6 以下都可以被认为是同一张脸 人脸识别的主要步骤 1 获得人脸图片 2 将人脸图片转为128D的矩阵(这个也就是人脸特征的一种数字化表现) 3 保存人脸128D的特征到文件中 4 获取其他人脸转为128D特征通过欧式距离算法与我们保存的特征对比，如果差距在0.6以下就说明两张脸差距比较小

  • 全国大学生信息安全竞赛知识问答-CISCN 题库.zip

    ciscn 全国大学生信息安全竞赛知识问答-CISCN 题库.zip

Global site tag (gtag.js) - Google Analytics